<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8"
	isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>电商平台购物车</title>
<!--js-->
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/common.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/ddsmoothmenu.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.elastislide.js"></script>
<script src="js/jquery.jcarousel.min.js"></script>
<script src="js/jquery.accordion.js"></script>
<script src="js/light_box.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(".inline").colorbox({
			inline : true,
			width : "50%"
		});
	});
</script>
<!--end js-->

<!-- Mobile Specific Metas ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS ================================================== -->

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/orange.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/ddsmoothmenu.css" />
<link rel="stylesheet" href="css/elastislide.css" />
<link rel="stylesheet" href="css/home_flexslider.css" />

<link rel="stylesheet" href="css/light_box.css" />
<script src="js/html5.js"></script>

</head>
<body>
	<div class="mainContainer sixteen container">
		<!--Header Block-->
		<%@include file="accessheader.jsp"%>
		<!--Content Block-->
		<section class="content-wrapper">
			<div class="content-container container">
				<div class="col-1-layout">

					<c:forEach items="${items }" var="ci">
						<ul class="shopping-cart-table">
							<li>
								<div class="img-box">
									<img src="<%=path %>${ci.product.imgPath }"
										title="${ci.product.name }" alt="" />
								</div> <a class="edit-btn" href="#" title="编辑">编辑</a>
							</li>
							<li>
								<div class="remove-item-btn">
									<a href="#" title="Remove"><img
										src="images/delete_item_btn.png" title="删除" alt="删除" /></a>
								</div>
								<div class="pro-name">${ci.product.name }</div>
								<div class="pro-qty">
									<input id="${ci.id }pcount" type="text" value="${ci.pcount }"
										readonly="readonly" />
								</div>
								<div class="pro-price">
									单价： ￥<span id="${ci.id}memberprice">${ci.memberprice }</span>
								</div>
							</li>
						</ul>

					</c:forEach>

					<div class="show-option-block">
						<a href="#" title="Show Options">显示选项</a>
					</div>
					<div class="update-shopping-cart">
						<button class="orange-btn">更新购物车</button>
					</div>
					<div class="shopping-cart-collaterals">
						<div class="cart-box">
							<div class="box-title">折扣</div>
							<div class="box-content">
								<p>如果您有优惠券，请输入您的优惠券代码</p>
							</div>
							<button class="orange-btn" title="Apply Coupon">使用优惠券</button>
						</div>
						<div class="cart-box">
							<div class="box-title">运费及税估价;</div>
							<div class="box-content">
								<p>Enter your destnation to get a shipping estimate</p>
								<ul>
									<li><label>国家<em>*</em></label> <select><option>中国</option></select>
									</li>
									<li><label>地区</label> <select><option>请选择地区、州或省</option></select>
									</li>
									<li><label>邮编</label> <input type="text" /></li>
								</ul>
							</div>
							<button class="orange-btn" title="获取报价">获取报价</button>
						</div>
					</div>

					<form action="insert.order" method="post">
						<div class="shopping-cart-totals">
							<div class="subtotal-row">
								<div class="left">总计</div>
								<div class="right">
									￥ <span>${pad}</span>
								</div>
								<input type="hidden" name="pad" value="${pad}" />
							</div>

							<c:forEach items="${items }" var="ci">
								<input type="hidden" name="userId" value="${user.id}" />
								<input type="hidden" name="productId" value="${ci.product.id}" />
								<input type="hidden" name="Addr" value="${user.addr}" />
							</c:forEach>
							<ul class="checkout-types">
								<li>
									<button type="submit" class="orange-btn" title="生产订单">生成订单</button>
								</li>
								<li><a
									href="findByUserid.order?userid=${user.id }&productid=${ci.product.id}"
									class="orange-btn" title="付款">付款</a></li>
								<li><a href="#" title="更多地址">更多地址</a></li>
							</ul>
						</div>
					</form>

					<div class="generic-product-list">
						<h4>猜你喜欢：</h4>
						<ul>
							<li>
								<div class="left-img">
									<img src="images/tshir_img.png" title="" alt="" />
								</div>
								<div class="right-content">
									<div class="pro-name">
										White Round Neck <br>T-Shirt
									</div>
									<div class="pro-price">$600.00</div>
									<div class="add-cart-row">
										<button class="orange-btn" title="添加购物车">添加购物车</button>
									</div>
									<a href="#" class="add-wishlist" title="添加收藏">添加收藏</a> <a
										href="#" class="add-compare" title="同类比较">同类比较</a>
								</div>
							</li>
							<li>
								<div class="left-img">
									<img src="images/tshir_img.png" title="" alt="" />
								</div>
								<div class="right-content">
									<div class="pro-name">
										White Round Neck <br>T-Shirt
									</div>
									<div class="pro-price">$600.00</div>
									<div class="add-cart-row">
										<button class="orange-btn" title="添加购物车">添加购物车</button>
									</div>
									<a href="#" class="add-wishlist" title="添加收藏">添加收藏</a> <a
										href="#" class="add-compare" title="同类比较">同类比较</a>
								</div>
							</li>
							<li>
								<div class="left-img">
									<img src="images/tshir_img.png" title="" alt="" />
								</div>
								<div class="right-content">
									<div class="pro-name">
										White Round Neck <br>T-Shirt
									</div>
									<div class="pro-price">$600.00</div>
									<div class="add-cart-row">
										<button class="orange-btn" title="添加购物车">添加购物车</button>
									</div>
									<a href="#" class="add-wishlist" title="添加收藏">添加收藏</a> <a
										href="#" class="add-compare" title="同类比较">同类比较</a>
								</div>
							</li>
							<li>
								<div class="left-img">
									<img src="images/tshir_img.png" title="" alt="" />
								</div>
								<div class="right-content">
									<div class="pro-name">
										White Round Neck <br>T-Shirt
									</div>
									<div class="pro-price">$600.00</div>
									<div class="add-cart-row">
										<button class="orange-btn" title="添加购物车">添加购物车</button>
									</div>
									<a href="#" class="add-wishlist" title="添加收藏">添加收藏</a> <a
										href="#" class="add-compare" title="同类比较">同类比较</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="clearfix"></div>
				<div class="news-letter-container">
					<div class="free-shipping-block">
						<h1>ENJOY FREE SHIPPING</h1>
						<p>on all orders as our holiday gift for you!</p>
					</div>
					<div class="news-letter-block">
						<h2>SIGN UP FOR OUR NEWSLETTER</h2>
						<input type="text" value="Enter email address" title="" /> <input
							class="submit-btn" type="submit" value="Submit" title="Submit" />
					</div>
				</div>
			</div>
		</section>
	</div>
	<!--页脚开始-->
	<section class="footer-wrapper">
		<%@include file="footer.jsp"%>
	</section>
	<!--页脚结束-->
</body>
</html>

